@charset "utf-8";
/* 
 Data: 2020/10/10 21:50
 Author: Danyhug
 Version: 0.0.1
 */

/* 后台的动画样式 */

.layui-side {
	transform: translate(0,0);
}

/* 头像 */
.head-img>a:hover {
	transform: scale(1.06);
	transition: all .2s;
	transition-timing-function: linear;
}

/* 列表按钮 */
.item-btn{
	transition: all 1s!important;
}
.turn540 {
	transform: rotate(540deg);
}

#body, #footer {
	transform: translate(0,0);
}

/* 显示 */
.side-show {
	animation: showSide 1s;
}
/* 隐藏 */
.side-hidd {
	animation: hideSide 1s;
}

@keyframes hideSide{
	from{opacity: 1;transform: translate(0,0);}
	to{opacity: 0;transform: translate(-200px,0);}
}
@keyframes showSide{
	from{opacity: 0;transform: translate(-200px,0);}
	to{opacity: 1;transform: translate(0,0);}
}
.progess-bar{
	animation: progess 800ms infinite linear;
}
@keyframes progess{
	from{background-position-x: 0px;}
	to{background-position-x: 50px;}
}

/* 旋转360° */
.turn360 {
	transform: rotate(0);
	transition: all 1s;
}

.turn360:hover {
	transform: rotate(360deg);
}